/*   首页   */

	page {
		background-color: #f5f5f5;
	}
	.container {
		padding: 0 28rpx;
		padding-bottom: 24rpx;
		background-color: #fff;
		box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.1);

		.main-img {
			margin: 12rpx 0;
		}
	}

	.grid {
		background-color: #fff;
		padding: 0 24rpx;

		.grid-container {
			display: flex;
			align-items: flex-end;

			.grid-text {
				width: 60%;
				display: flex;
				align-items: center;
				font-size: 28rpx;
				margin-top: 28rpx;
				color: #333;
				font-weight: bold;

				.grid-text2 {
					margin: 0 2rpx 0 16rpx;
				}

				.grid-text3 {
					color: rgb(186, 186, 186)
				}
			}

			.grid-value {
				width: 50%;
				display: flex;
				flex-direction: column;
				align-items: flex-end;

				.grid-value1 {
					display: flex;
					font-size: 30rpx;
					color: rgb(95, 203, 227);
					font-weight: bold;
				}

				.grid-value2 {
					margin-top: 12rpx;
					margin-bottom: 16rpx;
					font-size: 24rpx;
					color: rgb(166, 166, 166);
				}
			}

		}

	}

	.charts-box {
		width: 100%;
		height: 340rpx;
		background-color: #fff;
		border-radius: 20rpx;
		padding: 24rpx;
	}

	.panel {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		padding: 24rpx;

	}

	.item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 2rpx solid #ccc;
		padding: 16rpx 0;
	}

	.label {
		font-size: 28rpx;
		color: $u-type-info;
		font-weight: bold;
		width: 40%;
	}

	.value {
		font-size: 28rpx;
		color: #666;
		font-weight: bold;
	}

	.unit {
		color: $u-type-info;
		font-size: 32rpx;
		margin-left: 8rpx;
	}

	.u-title {
		font-weight: bold !important;
	}

	.slot-wrap {
		margin-left: 24rpx;
		color: #fff;
	}

	.divider {
		border: 0;
		height: 20rpx;
		background-color: #f5f5f5;
	}

